{% extends "EnsaoAppBundle::layout.html.twig" %}

{% block titre %}
Le titre de la page
{% endblock %}

{% block css %}
	{{ parent() }}
{% endblock %}

{% block js %}
	{{ parent() }}
	<script type="text/javascript">
    $(document).ready(function(){
    	// Smart Wizard     	
  		$('#wizardvalidate').smartWizard({transitionEffect:'slideleft',onLeaveStep:leaveAStepCallback,onFinish:onFinishCallback,enableFinishButton:true});
	
	  
	  function leaveAStepCallback(obj){
        var step_num= obj.attr('rel');
         validateSteps(step_num);
		 return true; <!--modifié -->
      }
      
      function onFinishCallback(){
	  var complet= true;
       if(validateAllSteps()){
		alert('اتممتم العملية بنجاح');
        $('form').submit();
       }
	   else{
		complet=false;
		alert('نذكركم بوجود خانات فارغة. المرجو اتمام هذه العملية لاحقا');
		$('form').submit();
		}
      }
	  
	  $('#num2Dossier3').attr('disabled','disabled');
	  $('#verdict3').attr('disabled','disabled');
	  //check pour désactiver/activer 2 input	  
	  $('#tribunalType3').change(function() {
		var e = document.getElementById('tribunalType3');
		var ttValue = e.options[e.selectedIndex].value;	
		if(ttValue != 2){
			$('#num2Dossier3').attr('disabled','disabled');
			$('#verdict3').attr('disabled','disabled');	
			tribunalTypeValue=0;
		}
		else if(ttValue == 2){
			$('#num2Dossier3').removeAttr('disabled');
			$('#verdict3').removeAttr('disabled');
			tribunalTypeValue=2;
		}
	    });
	  
	  
	  $("#radioTC-1").click(function () {
              var heightCP = $("#blockCP").attr('height');
			  if ($("#blockCP").is(":hidden")){
				$("#blockCM").fadeOut();
				$('.stepContainer').css('height','850px');
				$("#blockCP").fadeIn();
			  }
            });
      $("#radioTC-2").click(function () {
              var heightCM = $("#blockCM").attr('height');
			  if ($("#blockCM").is(":hidden")){
				$("#blockCP").fadeOut();
				$('.stepContainer').css('height','710px');
				$("#blockCM").fadeIn();
			  }
            });
      $("#radioTA-1").click(function () {
              var heightCM = $("#blockAP").attr('height');
			  if ($("#blockAP").is(":hidden")){
				$("#blockAM").fadeOut();
				$('.stepContainer').css('height','850px');
				$("#blockAP").fadeIn();
			  }
            });
      $("#radioTA-2").click(function () {
              var heightCM = $("#blockAM").attr('height');
			  if ($("#blockAM").is(":hidden")){
				$("#blockAP").fadeOut();
				$('.stepContainer').css('height','710px');
				$("#blockAM").fadeIn();
			  }
            });

			

				
	 $('#blockCM').hide();
	 $('#blockCP').hide();
	 $('#blockAM').hide();
	 $('#blockAP').hide();
	 $('.stepContainer').css('height','135px');

		
            
		});
	 
	var tribunalTypeValue=0;
	 
        function validateAllSteps(){
       var isStepValid = true;
       
       if(validateStep1() == false){
         isStepValid = false;
         $('#wizardvalidate').smartWizard('setError',{stepnum:1,iserror:true});         
       }else{
         $('#wizardvalidate').smartWizard('setError',{stepnum:1,iserror:false});
       }

       if(validateStep2() == false){
         isStepValid = false;
         $('#wizardvalidate').smartWizard('setError',{stepnum:2,iserror:true});       
       }else{
         $('#wizardvalidate').smartWizard('setError',{stepnum:2,iserror:false});
       }
       
       if(validateStep3() == false){
         isStepValid = false;
         $('#wizardvalidate').smartWizard('setError',{stepnum:3,iserror:true});         
       }else{
         $('#wizardvalidate').smartWizard('setError',{stepnum:3,iserror:false});
       }
       
	   if(validateStep4() == false){
         isStepValid = false;
         $('#wizardvalidate').smartWizard('setError',{stepnum:4,iserror:true});         
       }else{
         $('#wizardvalidate').smartWizard('setError',{stepnum:4,iserror:false});
       }
	   
       if(!isStepValid){
          <!--$('#wizardvalidate').smartWizard('showMessage','Please correct the errors in the steps and continue');-->
       }
              
       return isStepValid;
    } 
		
		
		function validateSteps(step){
		  var isStepValid = true;
		  var isStep1Valid; var isStep2Valid; var isStep3Valid; var isStep4Valid;
		  
      // validate step 1
      if(step == 1){
        if(validateStep1() == false ){
          isStepValid = false; 
		  isStep1Valid= false;
          $('#wizardvalidate').smartWizard('showMessage','! توجد خانات فارغة بالخطوة  '+step);
          $('#wizardvalidate').smartWizard('setError',{stepnum:step,iserror:true});         
        }else{
          $('#wizardvalidate').smartWizard('setError',{stepnum:step,iserror:false});
		  isStep1Valid=true;
        }
      }

      // validate step 2
      if(step == 2){
        if(validateStep2() == false ){
          isStepValid = false; 
		  isStep2Valid=false;
          $('#wizardvalidate').smartWizard('showMessage','! توجد خانات فارغة بالخطوة  '+step);
          $('#wizardvalidate').smartWizard('setError',{stepnum:step,iserror:true});         
        }else{
          $('#wizardvalidate').smartWizard('setError',{stepnum:step,iserror:false});
		  isStep2Valid=true;
        }
      }
      
      
      // validate step3
      if(step == 3){
        if(validateStep3() == false ){
          isStepValid = false; 
		  isStep3Valid=false;
          $('#wizardvalidate').smartWizard('showMessage','! توجد خانات فارغة بالخطوة   '+step);
          $('#wizardvalidate').smartWizard('setError',{stepnum:step,iserror:true});         
        }else{
          $('#wizardvalidate').smartWizard('setError',{stepnum:step,iserror:false});
		  isStep3Valid=true;
        }
      }
	  
	  // validate step4
      if(step == 4){
        if(validateStep4() == false ){
          isStepValid = false; 
		  isStep4Valid=false;
          $('#wizardvalidate').smartWizard('showMessage','! توجد خانات فارغة بالخطوة   '+step);
          $('#wizardvalidate').smartWizard('setError',{stepnum:step,iserror:true});         
        }else{
          $('#wizardvalidate').smartWizard('setError',{stepnum:step,iserror:false});
		  isStep4Valid=true;
        }
      }
      
	  if(isStep1Valid && isStep2Valid && isStep3Valid && isStep4Valid){
		  $('#wizardvalidate').smartWizard('hideMessage');
		  }
	  
      return isStepValid;
    }
		
	function validateStep1(){
       var isValid = true; 
	   var valueTC= $('input:radio[name=typeClient]:checked').val();
	   
	   // Validate familyName1
       var fn = $('#familyName1').val();
       if( (!fn && fn.length <= 0  && valueTC=="cp" ) || valueTC==null){
         isValid = false;
         $('#msg_familyName1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_familyName1').html('').hide();
       }
	   
	   // Validate firstName1
       var fn = $('#firstName1').val();
       if(!fn && fn.length <= 0 && valueTC=="cp"){
         isValid = false;
         $('#msg_firstName1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_firstName1').html('').hide();
       }
	   
	   // Validate cin1
       var c = $('#cin1').val();
       if(!c && c.length <= 0 && valueTC=="cp"){
         isValid = false;
         $('#msg_cin1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_cin1').html('').hide();
       }
	   
	   // Validate adresse1
       var ad = $('#adresse1').val();
       if(!ad && ad.length <= 0 && valueTC=="cp"){
         isValid = false;
         $('#msg_adresse1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_adresse1').html('').hide();
       }
	   
	   // Validate job1
       var jb = $('#job1').val();
       if(!jb && jb.length <= 0 && valueTC=="cp"){
         isValid = false;
         $('#msg_job1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_job1').html('').hide();
       }
	   
	   // Validate telFixe1
       var tf = $('#telFixe1').val();
       if(!tf && tf.length <= 0 && valueTC=="cp"){
         isValid = false;
         $('#msg_telFixe1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_telFixe1').html('').hide();
       }
	   
	   // Validate telMobile1
       var tm = $('#telMobile1').val();
       if(!tm && tm.length <= 0 && valueTC=="cp"){
         isValid = false;
         $('#msg_telMobile1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_telMobile1').html('').hide();
       }
	   
	   // Validate birthday1
       var bd = $('#birthday1').val();
       if(!bd && bd.length <= 0 && valueTC=="cp"){
         isValid = false;
         $('#msg_birthday1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_birthday1').html('').hide();
       }
	   
	   // Validate lieuNaissance1
       var ln = $('#lieuNaissance1').val();
       if(!ln && ln.length <= 0 && valueTC=="cp"){
         isValid = false;
         $('#msg_lieuNaissance1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_lieuNaissance1').html('').hide();
       }
	   
	   //Validate elements of blockCM
	   // Validate organismeNameCM1
       var ln = $('#organismeNameCM1').val();
       if(!ln && ln.length <= 0 && valueTC=="cm"){
         isValid = false;
         $('#msg_organismeNameCM1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_organismeNameCM1').html('').hide();
       }
	   
	   // Validate siegeSocialCM1
       var ln = $('#siegeSocialCM1').val();
       if(!ln && ln.length <= 0 && valueTC=="cm"){
         isValid = false;
         $('#msg_siegeSocialCM1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_siegeSocialCM1').html('').hide();
       }
	   
	   // Validate fondsCommerceCM1
       var ln = $('#fondsCommerceCM1').val();
       if(!ln && ln.length <= 0 && valueTC=="cm"){
         isValid = false;
         $('#msg_fondsCommerceCM1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_fondsCommerceCM1').html('').hide();
       }
	   
	   // Validate representantOrganismeCM1
       var ln = $('#representantOrganismeCM1').val();
       if(!ln && ln.length <= 0 && valueTC=="cm"){
         isValid = false;
         $('#msg_representantOrganismeCM1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_representantOrganismeCM1').html('').hide();
       }
	   
	   // Validate telFixeCM1
       var ln = $('#telFixeCM1').val();
       if(!ln && ln.length <= 0 && valueTC=="cm"){
         isValid = false;
         $('#msg_telFixeCM1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_telFixeCM1').html('').hide();
       }
	   
	   // Validate tel1MobileCM1
       var ln = $('#tel1MobileCM1').val();
       if(!ln && ln.length <= 0 && valueTC=="cm"){
         isValid = false;
         $('#msg_tel1MobileCM1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_tel1MobileCM1').html('').hide();
       }
	   
	   // Validate tel2MobileCM1
       var ln = $('#tel2MobileCM1').val();
       if(!ln && ln.length <= 0 && valueTC=="cm"){
         isValid = false;
         $('#msg_tel2MobileCM1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_tel2MobileCM1').html('').hide();
       }
	   
	   // Validate faxCM1
       var ln = $('#faxCM1').val();
       if(!ln && ln.length <= 0 && valueTC=="cm"){
         isValid = false;
         $('#msg_faxCM1').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_faxCM1').html('').hide();
       }
	   
	   
       return isValid;
    }

    function validateStep2(){
      var isValid = true; 
	  var valueTA= $('input:radio[name=typeAdver]:checked').val();
	  
       // Validate familyName2
       var fn = $('#familyName2').val();
       if( (!fn && fn.length <= 0 && valueTA=="ap" ) || valueTA==null){
         isValid = false;
         $('#msg_familyName2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_familyName2').html('').hide();
       }
	   
	   // Validate firstName2
       var fn = $('#firstName2').val();
       if(!fn && fn.length <= 0 && valueTA=="ap"){
         isValid = false;
         $('#msg_firstName2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_firstName2').html('').hide();
       }
	   
	   // Validate cin2
       var c = $('#cin2').val();
       if(!c && c.length <= 0 && valueTA=="ap"){
         isValid = false;
         $('#msg_cin2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_cin2').html('').hide();
       }
	   
	   // Validate adresse2
       var ad = $('#adresse2').val();
       if(!ad && ad.length <= 0 && valueTA=="ap"){
         isValid = false;
         $('#msg_adresse2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_adresse2').html('').hide();
       }
	   
	   // Validate job2
       var jb = $('#job2').val();
       if(!jb && jb.length <= 0 && valueTA=="ap"){
         isValid = false;
         $('#msg_job2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_job2').html('').hide();
       }
	   
	   // Validate telFixe2
       var tf = $('#telFixe2').val();
       if(!tf && tf.length <= 0 && valueTA=="ap"){
         isValid = false;
         $('#msg_telFixe2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_telFixe2').html('').hide();
       }
	   
	   // Validate telMobile2
       var tm = $('#telMobile2').val();
       if(!tm && tm.length <= 0 && valueTA=="ap"){
         isValid = false;
         $('#msg_telMobile2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_telMobile2').html('').hide();
       }
	   
	   // Validate birthday2
       var bd = $('#birthday2').val();
       if(!bd && bd.length <= 0 && valueTA=="ap"){
         isValid = false;
         $('#msg_birthday2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_birthday2').html('').hide();
       }
	   
	   // Validate lieuNaissance2
       var ln = $('#lieuNaissance2').val();
       if(!ln && ln.length <= 0 && valueTA=="ap"){
         isValid = false;
         $('#msg_lieuNaissance2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_lieuNaissance2').html('').hide();
       }
	   
	   //Validate elements of blockAM
	   // Validate organismeNameAM2
       var ln = $('#organismeNameAM2').val();
       if(!ln && ln.length <= 0 && valueTA=="am"){
         isValid = false;
         $('#msg_organismeNameAM2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_organismeNameAM2').html('').hide();
       }
	   
	   // Validate siegeSocialAM2
       var ln = $('#siegeSocialAM2').val();
       if(!ln && ln.length <= 0 && valueTA=="am"){
         isValid = false;
         $('#msg_siegeSocialAM2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_siegeSocialAM2').html('').hide();
       }
	   
	   // Validate fondsCommerceAM2
       var ln = $('#fondsCommerceAM2').val();
       if(!ln && ln.length <= 0 && valueTA=="am"){
         isValid = false;
         $('#msg_fondsCommerceAM2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_fondsCommerceAM2').html('').hide();
       }
	   
	   // Validate representantOrganismeAM2
       var ln = $('#representantOrganismeAM2').val();
       if(!ln && ln.length <= 0 && valueTA=="am"){
         isValid = false;
         $('#msg_representantOrganismeAM2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_representantOrganismeAM2').html('').hide();
       }
	   
	   // Validate telFixeAM2
       var ln = $('#telFixeAM2').val();
       if(!ln && ln.length <= 0 && valueTA=="am"){
         isValid = false;
         $('#msg_telFixeAM2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_telFixeAM2').html('').hide();
       }
	   
	   // Validate tel1MobileAM2
       var ln = $('#tel1MobileAM2').val();
       if(!ln && ln.length <= 0 && valueTA=="am"){
         isValid = false;
         $('#msg_tel1MobileAM2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_tel1MobileAM2').html('').hide();
       }
	   
	   // Validate tel2MobileAM2
       var ln = $('#tel2MobileAM2').val();
       if(!ln && ln.length <= 0 && valueTA=="am"){
         isValid = false;
         $('#msg_tel2MobileAM2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_tel2MobileAM2').html('').hide();
       }
	   
	   // Validate faxAM2
       var ln = $('#faxAM2').val();
       if(!ln && ln.length <= 0 && valueTA=="am"){
         isValid = false;
         $('#msg_faxAM2').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_faxAM2').html('').hide();
       }

	    return isValid;
    }
    
    function validateStep3(){
      var isValid = true;  
	  
      // Validate birthday3
       var bd = $('#birthday3').val();
       if(!bd && bd.length <= 0){
         isValid = false;
         $('#msg_birthday3').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_birthday3').html('').hide();
       }
	   
	   // Validate lieuTribunal3
       var lt = $('#lieuTribunal3').val();
       if(!lt && lt.length <= 0){
         isValid = false;
         $('#msg_lieuTribunal3').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_lieuTribunal3').html('').hide();
       }
	   
	   // Validate jugeDecideur3
       var jd = $('#jugeDecideur3').val();
       if(!jd && jd.length <= 0){
         isValid = false;
         $('#msg_jugeDecideur3').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_jugeDecideur3').html('').hide();
       }
	   
	   // Validate numDossier3
       var nd = $('#numDossier3').val();
       if(!nd && nd.length <= 0){
         isValid = false;
         $('#msg_numDossier3').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_numDossier3').html('').hide();
       }
	   
	   // Validate conseillerDecideur3
       var cd = $('#conseillerDecideur3').val();
       if(!cd && cd.length <= 0){
         isValid = false;
         $('#msg_conseillerDecideur3').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_conseillerDecideur3').html('').hide();
       }
	   
	   // Validate num2Dossier3
       var nd2 = $('#num2Dossier3').val();
       if(!nd2 && nd2.length <= 0 && tribunalTypeValue==2){
         isValid = false;
         $('#msg_num2Dossier3').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_num2Dossier3').html('').hide();
       }
	   
	   // Validate verdict3
       /*var vt = $('#verdict3').val();
       if(!vt && vt.length <= 0 && tribunalTypeValue==2){
         isValid = false;
         $('#msg_verdict3').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_verdict3').html('').hide();
       }*/
	   
      return isValid;
    }
	
	function validateStep4(){
      var isValid = true;  
	  
      // Validate honoraireGlobal4
       var hg = $('#honoraireGlobal4').val();
       if(!hg && hg.length <= 0){
         isValid = false;
         $('#msg_honoraireGlobal4').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_honoraireGlobal4').html('').hide();
       }
	   
	   // Validate honoraireAvance4
       var ha = $('#honoraireAvance4').val();
       if(!ha && ha.length <= 0){
         isValid = false;
         $('#msg_honoraireAvance4').html('انتبه! خانة فارغة').show();
       }else{
         $('#msg_honoraireAvance4').html('').hide();
       }
	   
      return isValid;
    }
    
    
		
		
</script>
{% endblock %}

{% block menu %}
	{{ parent() }}
{% endblock %}

{% block topcomumn %}
	{{ parent() }}
{% endblock %}

{% block titrepage %}
	Le titre de la page 
{% endblock %}

{% block content %}
<form action ="{{ path('client_ajout') }}" method="POST" />
  <input type='hidden' name="issubmit" value="1" />
		<!-- Smart Wizard -->
  		<div id="wizardvalidate" class="swMain">
  			<ul>
  				<li><a href="#step-1">
                <label class="stepNumber">1</label>
                <span class="stepDesc">
                   الموكل <br />
                   <small>معلومات الموكل</small>
                </span>
            </a></li>
  				<li><a href="#step-2">
                <label class="stepNumber">2</label>
                <span class="stepDesc">
                   الخصم <br />
                   <small>معلومات الخصم</small>
                </span>
            </a></li>
  				<li><a href="#step-3">
                <label class="stepNumber">3</label>
                <span class="stepDesc">
                   المعطيات <br />
                   <small>تفاصيل الملف</small>
                </span>
             </a></li>
  				<li><a href="#step-4">
                <label class="stepNumber">4</label>
                <span class="stepDesc">
                   الأتعاب <br />
                   <small>الدفعة البدئية</small>
                </span>
            </a></li>
  			</ul>
			
  			<div id="step-1" style="width:100%;">	
            <h2 class="StepTitle">الخطوة 1</h2>
									<div class="section">
									<div>
									<label >طبيعة الموكل</label> 
									  <div class="radiorounded">
                                          <input type="radio" name="typeClient" id="radioTC-1" value="cp" />
                                          <label for="radioTC-1"> 
										  <span class=typTrib> ذاتي</span>
										  </label> 
                                      </div>
                                      <div class="radiorounded">
                                          <input type="radio" name="typeClient" id="radioTC-2" value="cm"/>
                                          <label for="radioTC-2">
										  <span class=typTrib> معنوي</span>
										  </label>
                                      </div>
									</div>
									</div>
									
									<div id="blockCP">
									<div class="section">
									<div>
									<label> :الحالة المدنية</label>
									<select class="chzn-select" tabindex="1">
									<option value="null" />...
									<option value="1" />سيد 
									<option value="2" />آنسة 
									<option value="3" />سيدة
									</select>
									</div>
									</div>
									
									<div class="section">
										<div>{{ form_label (client.nom,": الاسم العائلي" )}}
										
										<div class="medium" id="familyName1">{{ form_widget(client.nom) }}</div>
										{{ form_errors(client.nom) }}
										
										<label id="msg_familyName1" class="red"></label>
										
										</div>
										
									</div>
	
									
									<div class="section">
										<div>
										{{ form_label (client.prenom,": الاسم الشخصي") }}
										<div class="medium" id="firstName1" >{{ form_widget(client.prenom) }}</div>
										{{ form_errors(client.prenom) }}
										<label id="msg_firstName1" class="red"></label>
										</div>
										
									</div>
									
									<input type="submit" name="submit" id="submit" value="submit"/>
									<div class="section">
										<div>
										<label>: بطاقة التعريف </label>
										<input type="text"  class="medium" name="cin1" id="cin1" /><label id="msg_cin1" class="red"></label>
										</div>
										
									</div>
									
									
									
									<div class="section">
                                    
										<div>
										<label>: العنوان </label>
										<input type="text"  class="medium" name="adresse1" id="adresse1" /><label id="msg_adresse1" class="red"></label>
										</div>
									</div>
									
									<div class="section">
                                    
										<div>
										<label>: المهنة </label>
										<input type="text"  class="medium" name="job1" id="job1" /><label id="msg_job1" class="red"></label>
										</div>
									</div>
									
									<div class="section numericonly">
                                     
                                      <div>  
									  <label>  : الهاتف الثابت</label>   
                                       <input  type="text" class="medium" name="telFixe1" id="telFixe1" /><label id="msg_telFixe1" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section numericonly">
                                        
                                      <div> 
									  <label>: الهاتف النقال</label> 
                                       <input  type="text" class="medium" name="telMobile1" id="telMobile1" /><label id="msg_telMobile1" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section">
									   
									<div>
									<label>تاريخ الازدياد</label>
										<input type="text"  class=" birthday  small " name="birthday1" id="birthday1"/><label id="msg_birthday1" class="red"></label>
									</div>
									</div>
									
									<div class="section last">
										<div>
										<label>: مكان الازدياد </label>
										<input type="text" class="medium" name="lieuNaissance1" id="lieuNaissance1" /><label id="msg_lieuNaissance1" class="red"></label>
										</div>
									</div>
									</div>
									<!--fin blockCP -->
									
									<div id="blockCM">
									<div class="section">
                                    
										<div>
										<label>: اسم المؤسسة </label>
										<input type="text" class="medium" name="organismeNameCM1" id="organismeNameCM1" /><label id="msg_organismeNameCM1" class="red"></label>
										</div>
									</div>
									
									<div class="section">
									
										<div>
										<label>: المقر الاجتماعي </label>
										<input type="text" class="medium"  name="siegeSocialCM1" id="siegeSocialCM1" /><label id="msg_siegeSocialCM1" class="red"></label>
										</div>
									</div>
									
									<div class="section">
									
										<div>
										<label>: السجل التجاري </label>
										<input type="text" class="medium" name="fondsCommerceCM1" id="fondsCommerceCM1" /><label id="msg_fondsCommerceCM1" class="red"></label>
										</div>
									</div>
									
									<div class="section">
									
										<div>
										<label>: الممثل القانوني </label>
										<input type="text" class="medium"  name="representantOrganismeCM1" id="representantOrganismeCM1" />
										<label id="msg_representantOrganismeCM1" class="red"></label>
										</div>
									</div>
									
									<div class="section numericonly">
                                        
                                      <div> 
									  <label>: الهاتف الثابت</label> 
                                       <input  type="text" class="medium" name="telFixeCM1" id="telFixeCM1" /><label id="msg_telFixeCM1" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section numericonly">
                                        
                                      <div> 
									  <label>: الهاتف النقال 1</label> 
                                       <input  type="text" class="medium" name="tel1MobileCM1" id="tel1MobileCM1" /><label id="msg_tel1MobileCM1" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section numericonly">
                                        
                                      <div> 
									  <label>: الهاتف النقال 2</label> 
                                       <input  type="text" class="medium" name="tel2MobileCM1" id="tel2MobileCM1" /><label id="msg_tel2MobileCM1" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section numericonly">
                                        
                                      <div> 
									  <label>: الفاكس</label> 
                                       <input  type="text" class="medium" name="faxCM1" id="faxCM1" /><label id="msg_faxCM1" class="red"></label>
                                      </div>
                                    </div>
									</div>
									<!--fin blockCM -->					
        </div>
		<!--fin Step-1 -->	
		
  			<div id="step-2" style="width:100%;">
            <h2 class="StepTitle">الخطوة 2</h2>	
                                    <div class="section">
									  
									<div>
									<label>: طبيعة الخصم</label> 
									  <div class="radiorounded">
                                          <input type="radio" name="typeAdver" id="radioTA-1" value="ap" />
                                          <label for="radioTA-1" title="ذاتي"></label>
                                      </div>
                                      <div class="radiorounded">
                                          <input type="radio" name="typeAdver" id="radioTA-2" value="am" />
                                          <label for="radioTA-2" title="معنوي"></label>
                                      </div>
									</div>
									</div>
									
									<div id="blockAP">
										<div class="section">
									  
									<div>
									<label>: الحالة المدنية</label> 
									<select data-placeholder="..." class="chzn-select" tabindex="2">
									<option value="1" />سيد 
									<option value="2" />آنسة 
									<option value="3" />سيدة
									</select>
									</div>
									</div>
									<div class="section">
                                    
										<div>
										<label>: الاسم الشخصي </label>
										<input type="text"  class="medium" name="firstName2" id="firstName2" /><label id="msg_firstName2" class="red"></label>
										</div>
									</div>	
									
									<div class="section">
                                    
										<div>
										<label>: الاسم العائلي </label>
										<input type="text" 
										class="medium" name="familyName2" id="familyName2" /><label id="msg_familyName2" class="red"></label>
										</div>
									</div>	
									
									<div class="section">
                                    
										<div>
										<label>: رقم بطاقة التعريف </label>
										<input type="text" class="medium" name="cin2" id="cin2" /><label id="msg_cin2" class="red"></label>
										</div>
									</div>
									
								
									
									<div class="section">
                                    
										<div>
										<label>: العنوان </label>
										<input type="text" class="medium" name="adresse2" id="adresse2" /><label id="msg_adresse2" class="red"></label>
										</div>
									</div>
									
									<div class="section">
                                    
										<div>
										<label>: المهنة </label>
										<input type="text"  class="medium" name="job2" id="job2" /><label id="msg_job2" class="red"></label>
										</div>
									</div>
									
									<div class="section numericonly">
                                        
                                      <div>
									  <label>: الهاتف الثابت</label> 
                                       <input  type="text" class="medium" name="telFixe2" id="telFixe2" /><label id="msg_telFixe2" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section numericonly">
                                        
                                      <div> 
									  <label> : الهاتف النقال</label> 
                                       <input  type="text" class="medium" name="telMobile2" id="telMobile2" /><label id="msg_telMobile2" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section">
									  
									<div>
									<label>تاريخ الازدياد</label> 
										<input type="text"  class=" birthday  small " name="birthday2" id="birthday2"/><label id="msg_birthday2" class="red"></label>
									</div>
									</div>
									
									<div class="section ">
                                    
										<div>
										<label>: مكان الازدياد </label>
										<input type="text" class="medium" name="lieuNaissance2" id="lieuNaissance2" /><label id="msg_lieuNaissance2" class="red"></label>
										</div>
									</div>
									</div>
									<!--fin blockAP -->
									
									<div id="blockAM">
									<div class="section">
                                    
										<div>
										<label>: اسم المؤسسة </label>
										<input type="text" class="medium" name="organismeNameAM2" id="organismeNameAM2" />
										<label id="msg_organismeNameAM2" class="red"></label>
										</div>
									</div>
									
									<div class="section">
									
										<div>
										<label>: المقر الاجتماعي </label>
										<input type="text" class="medium" name="siegeSocialAM2" id="siegeSocialAM2" />
										<label id="msg_siegeSocialAM2" class="red"></label>
										</div>
									</div>
									
									<div class="section">
									
										<div>
										<label>: السجل التجاري </label>
										<input type="text" class="medium" name="fondsCommerceAM2" id="fondsCommerceAM2" /><label id="msg_fondsCommerceAM2" class="red"></label>
										</div>
									</div>
									
									<div class="section">
									
										<div>
										<label>: الممثل القانوني </label>
										<input type="text" class="medium"  name="representantOrganismeAM2" id="representantOrganismeAM2" />
										<label id="msg_representantOrganismeAM2" class="red"></label>
										</div>
									</div>
									
									<div class="section numericonly">
                                        
                                      <div>
									  <label> : الهاتف الثابت</label> 
                                       <input  type="text" class="medium" name="telFixeAM2" id="telFixeAM2" /><label id="msg_telFixeAM2" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section numericonly">
                                        
                                      <div> 
									  <label> : الهاتف النقال 1</label> 
                                       <input  type="text" class="medium" name="tel1MobileAM2" id="tel1MobileAM2" /><label id="msg_tel1MobileAM2" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section numericonly">
                                        
                                      <div> 
									  <label> : الهاتف النقال 2</label> 
                                       <input  type="text" class="medium" name="tel2MobileAM2" id="tel2MobileAM2" /><label id="msg_tel2MobileAM2" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section numericonly" class="section last">
                                        
                                      <div>
									  <label>: الفاكس</label> 
                                       <input  type="text" class="medium" name="faxAM2" id="faxAM2" /><label id="msg_faxAM2" class="red"></label>
                                      </div>
                                    </div>
									</div>
									<!--fin blockAM -->	
        </div>          
		
  			<div id="step-3" style="width:100%;">
            <h2 class="StepTitle">الخطوة 3</h2>
																		
									<div class="section">
									   
									<div>
									<label>تاريخ الملف</label>
										<input type="text"  class=" birthday  small " name="birthday3" id="birthday3"/><label id="msg_birthday3" class="red"></label>
									</div>
									</div>
									
									
									<div class="section">
									<div>
									<label>: نوع القضية</label>
									<select data-placeholder="اختر نوع القضية" class="chzn-select" tabindex="3">
									<option value="" /> 
									<option value="1" />جنائية 
									<option value="2" />دفشة 
									</select>
									</div>
									</div>
									
									
									<div class="section">
									
									<div>
									<label>المحكمة</label>
									<select data-placeholder="اختر صنف المحكمة" class="chzn-select" tabindex="4" id="tribunalType3">
									<option value="0" />
									<option value="1" />الإبتدائية 
									<option value="2" />الاستئنافية 
									<option value="3" />المجلس الأعلى 
									<option value="4" />الجماعات و المقاطعات
									</select>
									</div>
									</div>
									
									<div class="section">
                                    
										<div>
										<label>: مدينة المحكمة </label>
										<input type="text" placeholder="..." class="medium" name="lieuTribunal3" id="lieuTribunal3" /><label id="msg_lieuTribunal3" class="red"></label>
										</div>
									</div>
									
									<div class="section">
                                    
										<div>
										<label>: القاضي المقرر </label>
										<input type="text"  class="medium" name="jugeDecideur3" id="jugeDecideur3" /><label id="msg_jugeDecideur3" class="red"></label>
										</div>
									</div>
									
									<div class="section numericonly">
                                        
                                      <div> 
									  <label>: رقم الملف</label> 
                                       <input  type="text" class="medium" name="numDossier3" id="numDossier3"/><label id="msg_numDossier3" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section">
                                   
										<div> 
										<label>: المستشار المقرر </label>
										<input type="text"  class="medium" name="conseillerDecideur3" id="conseillerDecideur3" /><label id="msg_conseillerDecideur3" class="red"></label>
										</div>
									</div>
									 
									<div class="section numericonly">
                                        
                                      <div> 
									  <label> : 2 رقم الملف</label> 
                                       <input  type="text" class="medium" name="num2Dossier3" id="num2Dossier3"/>
									   <label id="msg_num2Dossier3" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section last">
										<div>
										<label>: الحكم </label>
										<textarea rows="5" cols="50" type="text" class="medium" name="verdict3" id="verdict3">
										</textarea>
										<label id="msg_verdict3" class="red"></label>
										</div>
									</div>									
        </div>
  			
		<div id="step-4" style="width:100%;">
            <h2 class="StepTitle">الخطوة 4</h2>	
                                    <div class="section regexonly">
                                        
                                      <div> 
									  <label>: الأتعاب المقدرة <small>بالدرهم</small></label> 
                                          <input  type="text" class="medium" name="honoraireGlobal4" id="honoraireGlobal4" /><label id="msg_honoraireGlobal4" class="red"></label>
                                      </div>
                                    </div>
									
									<div class="section regexonly">
                                         
                                      <div>
									  <label>: الدفعة الأولى <small>بالدرهم</small></label>
                                          <input  type="text" class="medium" name="honoraireAvance4" id="honoraireAvance4" /><label id="msg_honoraireAvance4" class="red"></label>
                                      </div>
                                    </div>
        </div>
  		</div>
<!-- End SmartWizard Content -->  		
</form> 		 		
                            
                            

         
{% endblock %}

{% block footer %}
	La fin , opppps bYe bYe !
{% endblock %}